.login-main  {
    height: 100%;
    width: 350px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    position: relative;
    flex-direction: column;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}
.login-content {
    width: 80%;
    border: 2px solid #cecfd1;
/*     background-color: #FFF; */
    background-color: rgba(255,255,255,0.8);
    box-shadow: 0px 10px 10px #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 5px auto;
}
.login-content1 {
    position: relative;
    margin-top: -50px;
}
.login-div {
    padding: 5px 15px;
    position: relative;
    display: flex;
    justify-content: center;
}
.login-div2 {
    padding: 20px 15px;
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.login-title {
    
}
.login-input {
    background: rgba(255, 255, 255, 0.8);
}
.login-input>input {
    font-weight: bold;
    background: unset;
}
.captcha-img {
    height: 29px;
    padding: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #D3D3D3;
}

.login-section::before {
    background: url('') no-repeat 0 0/100% 100%;
}
.login-section {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 11;
    margin: auto;
    width: 100%;
    height: 235px;
    padding: 20px 30px;
    box-sizing: border-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 50px;
    background: hsla(0, 0%, 100%, .25);
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .3) inset, 0 5px 10px rgba(0, 0, 0, .6);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
.login-section::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-filter: blur(20px);
    filter: blur(20px);
}
.login-error{
    color: #ff6000;
    background: #F2F2F2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.login-loging{
    display:none;
    animation: blink 1s infinite;
    font-family: 'Arial Black', sans-serif;
    line-height: 1em;
    color: #fff;
    font-weight: bold;
    font-size: 56px;
    text-shadow: 0px 0px 0 rgb(183,166,183),1px 1px 0 rgb(168,151,168),2px 2px 0 rgb(154,137,154),3px 3px 0 rgb(139,122,139),4px 4px 0 rgb(125,108,125),5px 5px 0 rgb(110,93,110), 6px 6px 0 rgb(96,79,96),7px 7px 6px rgba(0,0,0,0.6),7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);
}
@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.main-img {
     background: radial-gradient(circle, rgba(36,0,17,1) 29%, rgba(255,87,87,1) 48%, rgba(0,212,255,1) 84%);
}
.main-img2 {
     background: radial-gradient(circle, rgba(206,255,87,1) 21%, rgba(36,0,17,1) 29%, rgba(0,212,255,1) 84%);
}
